<template>
<div class="contianer">
    <div v-html="str"></div>
</div>
</template>

<script setup>
		
let str = '【成都高新区桂溪街道网点】的快递员 张明宇 19173028371 正在派件中，投诉电话:028-83916482 让字符串的 手机号和座机号显示为红色';

// 使用正则表达式替换手机和座机号为红色
str = str.replace(/(\d{11})/, '<span style="color: red;">$1</span>'); // 手机号
str = str.replace(/(\d{3}-\d{8})/, '<span style="color: red;">$1</span>'); // 座机号

console.log(str);
</script>

<style lang="scss" scoped>
.contianer {
}

</style>